<#assign classNameLower = className?uncap_first>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/mytags.jsp"%>
<html>
<head>

<%@ include file="/common/easyui.jsp"%>

<script type="text/javascript">
	$(document).ready(function() {
		loadList();
	});

	function doAdd() {
	}

	function doUpdate() {
	}
	
	function doDelete() {
	}
	
	function loadList() {
		$('#dataTable').treegrid({
			<#-- 标题 -->
			title : '数据库',
			<#--在从远程站点加载数据的时候显示提示消息 -->
			loadMsg:'数据正在加载中...',
			<#--指明哪一个字段是标识字段 -->
			idField : '${table.keyColumnName}',
			<#--一个URL从远程站点请求数据 -->
			url : '${'$'}{ctx}${urlPath}/${classNameLower}/listForEasyui.do',
			<#--DataGrid列配置对象 -->
			columns : [[ 
						<#list table.columns as column>
						{field : '${column.classColumnName}',title : '${column.sqlRemarks}'}<#if column_has_next>,</#if>
						</#list>
						]],
			<#--如果为true，则在DataGrid控件底部显示分页工具栏 -->
			pagination : false,			
			<#--设置对话框窗口顶部工具栏 -->
			toolbar : [
			{
				text : '新增',
				iconCls: 'icon-add',
				handler: function(){doAdd()}
			},{
				text : '修改',
				iconCls: 'icon-edit',
				handler: function(){doApdate()}
			},{
				text : '删除',
				iconCls: 'icon-remove',
				handler: function(){doDelete()}
			}],
			<#--True 就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动 -->
			fitColumns:true,
			<#--是否显示斑马线效果 -->
			striped : true,
			<#--如果为true，则只允许选择一行 -->
			singleSelect : true,
			<#--如果为true，则显示一个行号列 -->
			rownumbers : true
		});
	}
</script>
</head>

<body class="easyui-layout">
<div region="center" border="false">
	<table id="dataTable" style="width:100%;height:100%"></table>
	<div id="editDiv" style="padding: 5px; display: none"></div>
</div>
</body>
</html>